<template>
    <div>
        <el-time-picker
            v-model="value1"
            :picker-options="{
                selectableRange: '18:30:00 - 20:30:00'
            }"
            @change="timeChange"
            value-format='HH:mm:ss'
            placeholder="任意时间点">
        </el-time-picker>
    </div>
</template>

<script>
export default {
    name: 'timeany',

    data() {
        return {
            value1: new Date(2016, 9, 10, 18, 40)
        };
    },

    mounted() {
        
    },

    methods: {
        timeChange(val) {
            console.log("time=", val)
        }
    },
};
</script>

<style scoped>

</style>